<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="实地测量" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
			<view class="content-item page-padding-bottom">
				<view class="drawer-item">
					<view class="title">户型图</view>
					<view class="fxtimg-box img-box">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/fxt.png" mode="aspectFill" class="img"></image>
					</view>
					<view class="text-cont">
						整合客厅，阳台和北卧室，成为一个南北通透，长10.8米的开放式起居餐厨空间。
					</view>
				</view>
				<view class="drawer-item">
					<view class="title">厨房</view>
					<view class="cfimg-box img-box">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png" mode="aspectFill" class="img"></image>
					</view>
					<view class="text-cont">
						厨房采用开放式让料理环境更明亮。
					</view>
				</view>
				<view class="drawer-item">
					<view class="title">客厅</view>
					<view class="cfimg-box img-box">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png" mode="aspectFill" class="img"></image>
					</view>
					<view class="text-cont">
						以玻璃木质与铁件勾勒出清透圆弧涉及体型，形成场域的暧昧交错。
					</view>
				</view>
				<view class="drawer-item">
					<view class="title">卧室</view>
					<view class="cfimg-box img-box">
						<image src="https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/bj.png" mode="aspectFill" class="img"></image>
					</view>
					<view class="text-cont">
						卧室很简单，窗外的风景就是最好的装饰。
					</view>
				</view>
			</view>
			<view class="content-item position-bottom">
				<view class="them-btn margin-none" @click="modal_show = true">确认实地测量</view>
			</view>
			
			<!-- 弹窗 -->
			<u-modal 
				v-model="modal_show" 
				:show-cancel-button="true" 
				title="确认实地测量" 
				content="是否确认实地测量不再更改？"
				@confirm="confirm"
			>
			</u-modal>
		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			modal_show:false,
		};
	},
	onShow() {
		
	},
	onLoad(e) {},
	methods: {
		confirm(){
			console.log("确认成功")
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {

}

.content_box {
	.drawer-item{
		margin-bottom: 70rpx;
		.title{
			font-size: 34rpx;
			font-family: PingFang SC, PingFang SC-Bold;
			font-weight: 700;
			color: #232323;
			margin-bottom: 30rpx;
		}
		.img-box{
			overflow: hidden;
			.img{
				width: 100%;
				height: 100%;
			}
		}
		.fxtimg-box{
			width: 100%;
			height: 718rpx;			
		}
		.cfimg-box{
			width: 100%;
			height: 490rpx;
			border-radius: 20rpx;
		}
		.text-cont{
			font-size: 26rpx;
			font-family: PingFang SC, PingFang SC-Medium;
			color: #000000;
			margin-top: 30rpx;
		}
	}
}
</style>
